<style type="text/css">
    .dropdown-menu {
        max-height: 303px;
    }
</style>
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <div class="col-xs-6" style="width: 20%;">
                        <p class="input-group">
                            <input clear-text="清除" close-text="关闭" current-text="今天" ng-readonly="true"
                                   ng-model="info.start_date" type="text" class="form-control" uib-datepicker-popup
                                   is-open="start_date" placeholder="上线开始时间" ng-required="true" close-text="Close"/>
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default" ng-click="start_date=!start_date"><i
                                        class="glyphicon glyphicon-calendar"></i></button>
                            </span>
                        </p>
                    </div>

                    <div class="col-xs-6" style="width: 20%;">
                        <p class="input-group">
                            <input clear-text="清除" close-text="关闭" current-text="今天" ng-readonly="true"
                                   ng-model="info.end_date" type="text" class="form-control" uib-datepicker-popup
                                   is-open="end_date" placeholder="上线结束时间" ng-required="true" close-text="Close"/>
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default" ng-click="end_date=!end_date"><i
                                        class="glyphicon glyphicon-calendar"></i></button>
                            </span>
                        </p>
                    </div>
                    <input type="checkbox" style="margin-left: 2%;" data-ng-model="info.isOnline" ng-true-value="true" ng-false-value="false" ng-click="sub();"/>显示已上线项目
                    <button class="btn btn-default" style="margin-left: 4%;" data-ng-click="sub();">查询</button>
                    <img src="/beetle/image/icon_plus-box.png" ng-if="info.modifiAble" ng-click="add();" style="cursor: pointer;margin-left: 2%;">
                </div>
                <div class="box-body" style=" ">
                    <input type="search" ng-model="search.plan_name" style="width: 220px;" placeholder="Search Plan Name Here..." />
                    <br>
                    <br>
                    <table class="table table-hover table-bordered text-center">
                        <thead>
                        <tr>
                            <th>
                                项目名称
                            </th>
                            <th>
                                开始时间
                            </th>
                            <th>
                                结束时间
                            </th>
                            <th>
                                预计集成日期
                            </th>
                            <th>
                                预计上线日期
                            </th>
                            <th>
                                状态
                            </th>
                            <th ng-if="info.modifiAble">
                                操作
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="i in projectList |filter:search |paging:page.index:page.size">
                            <td>
                                <a ng-show="i.notCreateProCount == 0" href="javascript:void(0);" ng-click="Project(i.plan_id)">
                                    {{i.plan_name}}
                                </a>
                                <span ng-show="i.notCreateProCount != 0">{{i.plan_name}}</span>
                            </td>
                            <td>
                                {{i.start_date}}
                            </td>
                            <td>
                                {{i.end_date}}
                            </td>
                            <td>
                                {{i.expect_integration_date}}
                            </td>
                            <td>
                                {{i.expect_release_date}}
                            </td>
                            <td>
                                <span ng-if="i.notCreateProCount == 0">{{getStatusDesc(i.plan_status)}}</span>
                                <span ng-if="i.notCreateProCount != 0">
                                    <img style="width: 15px;height: 15px;vertical-align:baseline;" src="/beetle/image/loading.gif"/>
                                    初始化中,请稍候......
                                </span>

                            </td>
                            <td ng-if="info.modifiAble">

                                <img src="/beetle/image/icon_trash.png" ng-click="del(i.plan_id);"
                                     style="cursor: pointer;width: 20px;">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <uib-pagination total-items="projectList|filter:search|size" ng-model="page.index"
                                max-size="5"
                                previous-text="上一页"
                                next-text="下一页"
                                first-text="首页"
                                last-text="尾页"

                                items-per-page="page.size"

                                class="pagination-sm pull-right" boundary-links="true"></uib-pagination>
            </div>
        </div>
    </div>
</section>